<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 导入样式 -->
    <link rel="stylesheet" href="css/style.css">
    <!-- 导入jq框架 -->
    <script src="js/jquery.min.js"></script>

</head>

<body>
    <div id="nav">
        <div class="box">
            <!-- 标题元素 -->
            <div class="title">
                <h3>普伟龙祥</h3>
            </div>
            <!-- 列表元素 -->
            <div class="list">
                <ul>
                    <li><a href="index.html">网站首页</a></li>
                    <li class="focus">产品列表</li>
                    <li><a href="mypic.html">我的相册</a></li>
                    <li>时间轴</li>
                    <li>我要留言</li>
                    <li>关于普伟</li>
                    <li>发表博客</li>
                </ul>
            </div>
            <!-- 导航链接 -->
            <div class="a1">
                <a href="login.html">登录</a>
                <a href="#">注册</a>
            </div>
        </div>
    </div>
    <!-- 1 添加页面需求的元素 
         2 编写元素的布局和样式
         3 优化代码，微调代码-->
    <!-- 最大的元素页面 -->
    <div id="list">
        <div class="top">
            <!-- 添加顶部元素 -->
            <div class="tleft">
                <h3>文章列表</h3>
            </div>
            <div class="tright">
                <p>不要轻易放弃，学习成长路上，我们长路漫漫，只因学无止境.</p>
            </div>
        </div>
        <!-- 添加主体元素 -->
        <div class="body">
            <!-- l 列表部分 -->
            <div class="lst">
                <!-- 列表项 -->
                <div class="item">
                    <!-- 标题 -->
                    <div class="title">
                        <h3>Python语言在人工智能上的优势</h3>
                    </div>
                    <!-- 内容 -->
                    <div class="con">
                        <!-- 左侧图片 -->
                        <div class="cleft">
                            <img src="imgs/1.jpg" alt="">
                        </div>
                        <!-- 右侧图片说明 -->
                        <div class="cright">
                            <p class="ptop">
                                &nbsp;&nbsp;文本探讨了python语言在AI测试领域的优势与运用，谁会成为AI和大数据时代的第一开发语言？这本是一个需要争论的问题，如果说三年前，Matlab、Scala、R、Java...
                            </p>
                            <p class="pbottom">
                                皮皮璐 学无止境 2023-11-26 34567阅读 9999
                            </p>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 广告推荐 -->
            <div class="ad">
                <div class="adtip">
                    <h3>特别推荐</h3>
                    <div class="line"></div>
                </div>
                <div class="imglst">
                    <ul>
                        <li>
                            <img src="imgs/d.jpg" alt="">
                        </li>
                        <li>
                            <img src="imgs/b.jpg" alt="">
                        </li>
                        <li>
                            <img src="imgs/e.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 导入业务逻辑js文件 -->
    <script src="js/blog.js"></script>
</body>

</html>